<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>

		<title>index.html</title>

		<meta http-equiv="content-type"
			content="text/html; charset=ISO-8859-1">

		<meta name="viewport" content="width=device-width, initial-scale=1">

		<link rel="stylesheet"
			href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" />
		<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
		<script
			src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>

	</head>

	<body>

		<div data-role="header">
			<h1>
				Page Title
			</h1>
		</div>

		<div id="reportForm">

			<form action="http://localhost:8080/sql-reports/">
				<span id="reportNameId"> <select id="reportNameSelectId"
						name="reportName">
						<option value="NONE">
							Choose a report
						</option>
						<option value="AssetsExportedByDate">
							Assets Ingested By Date
						</option>
						<option value="AssetsExportedByDateSortedByUser">
							Assets Exported By Date
						</option>
					</select> </span>

				<div id="datesGroupId">

					<br />

					<div id="startDateGroupId">

						<div class="fieldPromptHeader">
							Start Date
						</div>

						<div id="startDateId">
							<input id="startDateInputId" name="StartDate" type="text"
								value="mm/dd/yy">
							<input id="startDateInputHiddenId" name="StartDate_TopTen"
								type="hidden" value="">
						</div>

					</div>

					<div id="endDateGroupId">

						<div class="fieldPromptHeader">
							End Date
						</div>

						<div id="endDateId">
							<input id="endDateInputId" name="EndDate" type="text"
								value="mm/dd/yy">
							<input id="endDateInputHiddenId" name="EndDate_TopTen"
								type="hidden" value="">
						</div>

					</div>

				</div>

				<div id="filmTitleGroupId">

					<div class="fieldPromptHeader">
						Film Title
					</div>

					<div id="filmTitleId">
						<input id="filmTitleInputId" name="FilmTitle" type="text" value=""
							onfocus="" onclick="">
						<input id="filmTitleInputHiddenId" type="hidden"
							name="FilmTitleHidden">
						<!-- 
				<input id="filmTitleInputId" name="FilmTitleAndYear" type="text" value="" onfocus="" onclick="">
				<input id="filmTitleInputHiddenId" type="hidden" name="FilmTitle">
-->
						<!--  input id="filmYearInputHiddenId" type="hidden" name="FilmYear" -->
					</div>

					<div id="ftAjaxList">
						<ul>
						</ul>
					</div>

				</div>

				<div id="personDepictedGroupId">

					<div class="fieldPromptHeader">
						Person Depicted
					</div>

					<div id="personDepictedId">
						<input id="personDepictedInputId" name="PersonDepicted"
							type="text" value="" onfocus="" onclick="">
					</div>

					<div id="pdAjaxList">
						<ul>
						</ul>
					</div>

				</div>

				<div id="numberOfTimesGroupId">

					<div class="fieldPromptHeader">
						Number of Times
					</div>

					<table>
						<tr>
							<td>
								<span id="numberOfTimesId"> <select
										id="numberOfTimesInputId" name="NTQualifier">
										<option value="NONE">
											Make Selection
										</option>
										<option value="atLeast">
											At Least
										</option>
										<option value="atMost">
											At Most
										</option>
										<option value="exactly">
											Exactly
										</option>
										<option value="between">
											Between
										</option>
									</select> </span>
							</td>
							<td>
								<span id="numberOfTimesValueInputId"> <input
										id="numberOfTimesValueStartInputId" type="text" name="NTStart" />
									<input id="numberOfTimesValueStartInputTopTenId" type="hidden"
										name="NTStart_TopTen" /> </span>
							</td>
							<td>
								<span id="numberOfTimesBetweenAndId" class="fieldPromptHeader">
									and </span>
							</td>
							<td>
								<span id="numberOfTimesBetweenEndId"> <input
										id="numberOfTimesBetweenEndInputId" type="text" name="NTEnd" />
									<input id="numberOfTimesBetweenEndInputTopTenId" type="hidden"
										name="NTEnd_TopTen" /> </span>
							</td>
						</tr>
					</table>
				</div>

				<div id="submitId">
					<br />
					<input type="submit" />
				</div>

				<input type="hidden" name="outputType" value="PDF" />

			</form>

		</div>

	</body>

</html>
